.bigBox {
	min-width: 100vw;
	background: #F8F8F8;
	overflow: hidden;
	.selectMember {
		background-color: #38CB97;
		height: 178upx;
		width: 750upx;
		box-sizing: border-box;
		.memberBox {
			position: fixed;
			top: 88upx;
			left: 0;
			width: 750upx;
			height: 130upx;
			background-color: #38CB97;
			padding: 34upx 24upx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			z-index: 10;
			.member {
				flex: 1;
				margin-right: 45upx;
				height: 62upx;
				background-color: #FFFFFF;
				border-radius: 6upx;
				line-height: 62upx;
				image {
					width: 26upx;
					height: 26upx;
					margin: 0 18upx;
				}
				text {
					color: #38CB97;
					font-size: 30upx;
				}
			}
			.save {
				width: 138upx;
				height: 62upx;
				line-height: 62upx;
				text-align: center;
				border-radius: 8upx;
				background: #D0FFEE;
				color: #333333;
				margin-right: 19upx;
				font-size: 28upx;
			}
			.toSend {
				background-color: #16AE78;
				width: 138upx;
				height: 62upx;
				line-height: 62upx;
				text-align: center;
				border-radius: 8upx;
				color: #FFFFFF;
				font-size: 28upx;
			}
		}
		
	}
	u-collapse {
		width: 702upx;
		margin: 0 24upx;
	}
	.theTitle {
		padding:0 20upx;
		background-color: #F8F8F8;
		.one {
			margin-top: 39upx;
			display: flex;
			align-items: center;
			view {
				background: url(../../../static/img/questionnaire/titleIcon.png) no-repeat;
				background-size: 100% 100%;
				width: 52upx;
				height: 24upx;
				color: #FFFFFF;
				font-size: 20upx;
				text-align: center;
				line-height: 24upx;
				margin-right: 10upx;
			}
			span {
				color: #333333;
				font-size: 30upx;
				font-weight: 600;
				flex: 1;
			}
		}
	}
	
	.selectBox,
	.selectBoxTwo {
		display: flex;
		flex-wrap: wrap;
		align-items: center;	
		margin: 0 26upx;
		.allTitle {
			width: 33%;
			margin-top: 32upx;		
			view {				
				image {
					width: 24upx;
					height: 24upx;
					margin-right: 8upx;
				}
				span {
					color: #333333;
					font-size: 28upx;
				}
			}
		}
		.allTitle2 {
			width: 100%;
			margin-top: 32upx;		
			view {				
				image {
					width: 24upx;
					height: 24upx;
					margin-right: 8upx;
				}
				span {
					color: #333333;
					font-size: 28upx;
				}
			}
		}
	}
	.selectBoxTwo {
		margin: 0;
	}
	
	// 问
	.ask {
		display: flex;
		align-items: center;
		height: 96upx;
		// background-color: #FFFFFF;
		background: url(../../../static/img/questionnaire/ask@2x.png) no-repeat; 
		background-size: 100% 100%;
		margin-top: 30upx;
		width: 702upx;
		border-radius: 10upx;
		color: #333333;
		font-size: 30upx;
		padding: 0 24upx;
		box-sizing: border-box;
		text {
			flex: 1;
		}
		text:nth-child(2) {
			text-align: right;
			image {
				width: 26upx;
				height: 26upx;
				margin-left: 17upx;
			}
		}
	}
	
	// 获取用户信息
	.table {
		width: 702upx;
		border-top: 1px solid #D6D6CF;
		border-left: 1px solid #D6D6CF;
		border-spacing: 0;
		border-radius: 4upx;
		background-color: #FCFBFB;
		margin-top: 33upx;
		tr {
			display: flex;
			width: 100%;
			text-align: center;
			align-items: center;
		}
		tr:first-child td {
			color: #333333;
			font-size: 28upx;
			font-weight: bold;
			padding: 10upx 0;
		}
		td {
			 border-bottom: 1px solid #D6D6CF;
			 border-right: 1px solid #D6D6CF; 
			 flex: 1;
			 border-spacing: 0;
			 min-height: 64upx;
			 line-height: 64upx;
			 color: #333333;
			 font-size: 28upx;
			 align-items: center;
		}
	}
	
	// 查看转化分
	.details {
		margin: 64upx 24upx;
		width: 702upx;
		display: flex;
		align-items: center;
		view {
			flex: 1;
			height: 70upx;
			font-size: 30upx;
			border-radius: 35upx;
			text-align: center;
			line-height: 70upx;
		}
		.look {
			border: 1upx solid #38CB97;
			color: #38CB97;
		}
		.sureScore {
			background-color: #38CB97;
			color: #FFFFFF;
			margin-left: 96upx;
		}
	}

	.userInformation {
		display: flex;
		margin: 35upx 0 0;
		align-items: center;
		padding: 0 20rpx;
		justify-content: space-between;
		view {
			color: #333333;
			font-size: 28upx;
			span {
				font-weight: bold;
			}
		}
		view:last-child {
			text-align: right;
		}
	}
	
	.tcmDetails {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 581upx;
		height: 70upx;
		background-color: #38CB97;
		margin: 64upx auto;
		color: #FFFFFF;
		font-size: 30upx;
		border-radius: 35upx;
		image {
			width: 18upx;
			height: 16upx;
			margin: 10upx 0 0 27upx;
		}
	}

	
}

.choose {
	background-color: #FFFFFF;
	width: 750upx;
	padding: 0 24upx;
	box-sizing: border-box;
	.criterion {
		color: #38CB97;
		font-size: 28upx;
		margin: 27upx 0 30upx;
		text-align: right;
	}
	.t {
		color: #333333;
		font-size: 36upx;
		font-weight: bold;
		text-align: center;
		margin-bottom: 50upx;
	}
	.nav {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1upx solid #E3E3E3;
		padding-bottom: 21upx;
		text {
			width: 122upx;
			height: 36upx;
			background-color: #FFF9F1;
			color: #D5AD79;
			font-size: 26upx;
			margin-right: 22upx;
			line-height: 36upx;
			text-align: center;
			margin-bottom: 15upx;
		}
		text:nth-child(5n) {
			margin-right: 0;
		}
		.on {
			background-color: #ECFFF8;
			color: #38CB97;
		}
	}
	
	.allClear {
		margin-top: 40upx;
		.clear {
			color: #C10A0A;
			font-size: 26upx;
			text-align: right;
			image {
				width: 22upx;
				height: 22upx;
				margin-right: 10upx;
			}
		}
		.show {
			margin: 50upx 83upx 53upx 127upx;
			view {
				color: #333333;
				font-size: 28upx;
				display: flex;
				align-items: center;
				margin-bottom: 20upx;
				span {
					flex: 1;
					height: 60upx;
					background-color: #F8F8F8;
					padding: 0 24upx;
					box-sizing: border-box;
					color: #38CB97;
					line-height: 60upx;
					margin-right: 10upx;
					position: relative;
					overflow:hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					-o-text-overflow:ellipsis;
				}
				span.on::after{
					content:'|';
					height: 100%;
					position: absolute;
					-webkit-animation: twinkling .8s infinite linear; -moz-animation: twinkling .8s infinite linear;animation: twinkling .8s infinite linear; 
				}
			}
		}
		
	}
	
	.btns{
		padding: 0 50upx;
		display: flex;
		justify-content: space-between;
		button{
			width: 281upx;
			height: 70upx;
			text-align: center;
			line-height: 70upx;
			font-size: 30upx;
			color: #fff;
			border-radius:35upx;
			margin:40upx 0 0;
		}
		.save{
			background: #FF8F23;
		}
		.send{
			background: #38CB97;
		}
	}
}

	.dialog {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 103;
	
		.bg {
			width: 100vw;
			height: 100vh;
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(0, 0, 0, .5);
		}
	
		.mContent {
			position: absolute;
			width: 94%;
			height: 76vh;
			left: 2.5vw;
			top: 10vh;
			background: #fff;
			padding: 16px 3% 12px;
			box-sizing: border-box;
			border-radius: 10upx;
	
			h3 {
				text-align: center;
				// font-size: 28upx;
				margin-bottom: 28upx;
	
				image {
					width: 48upx;
					height: 48upx;
					float: right;
					margin-top: -20upx;
				}
			}
	
			.wyb-table-header {
				width: 400upx !important;
			}
	
			.search {
				display: flex;
				font-size: 26upx;
				align-items: center;
				margin-bottom: 30upx;
	
				input {
					flex: 1;
					height: 70upx;
					padding-left: 10upx;
					border: 1upx solid #ccc;
					border-radius: 8upx;
					font-size: 28upx;
					padding: 0 12upx;
				}
	
				span {
					display: inline-block;
					padding: 16upx 34upx;
					border: 1upx solid #38CB97;
					color: #38CB97;
					margin-left: 20upx;
					border-radius: 8upx;
					font-size: 28upx;
				}
			}
	
			.vipList {
				uni-view {
					padding: 14upx 0;
					// border-bottom: 1upx solid #ccc;
					font-size: 30upx;
				}
	
			}
		}
	
		.btn {
			display: flex;
			justify-content: center;
			margin-top: 30upx;
	
			span {
				display: inline-block;
				margin: 0 20upx;
				width: 150upx;
				height: 40upx;
				text-align: center;
				line-height: 40upx;
				font-size: 26upx;
				border: 1px solid #ccc;
				border-radius: 10upx;
			}
		}
	}
	
	.icon-RectangleCopy {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 28upx;
		font-size: 60upx;
		line-height: 0;
	}
	.affirm {
		display: inline-block;
		padding: 22upx 94upx;
		background-color: #38CB97;
		color: #fff;
		border-radius: 12upx;
		font-size: 32upx;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	
.uni-collapse-cell  {
	border-bottom-width: 0;
}	

/deep/ .uni-collapse-cell .uni-collapse-cell__title {
	background: rgba(0,0,0,0);
}

/deep/.uni-collapse-cell__title .uni-collapse-cell__title-arrow {
	color: #999999 !important;
}

/deep/ .hopeClass .u-collapse-head {
	background: url(../../../static/img/questionnaire/hope@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 0 24upx;
	height: 88upx;
}

/deep/ .smellClass .u-collapse-head {
	background: url(../../../static/img/questionnaire/smell@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 0 24upx;
	height: 88upx;
}

/deep/ .cutClass .u-collapse-head {
	background: url(../../../static/img/questionnaire/cut@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 0 24upx;
	height: 88upx;
}

/deep/ .uni-collapse-cell.hopeClass .uni-collapse-cell__title {
	background: url(../../../static/img/questionnaire/hope@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

/deep/ .uni-collapse-cell.smellClass .uni-collapse-cell__title {
	background: url(../../../static/img/questionnaire/smell@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

/deep/ .uni-collapse-cell.cutClass .uni-collapse-cell__title {
	background: url(../../../static/img/questionnaire/cut@2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.identification {margin: 4vw auto 5vw;display: flex;justify-content: center;align-items: center;}
.identification img{width: 40vw;height: 8vw;}

.boxShade {
	padding-bottom: 70upx;
}

@-webkit-keyframes twinkling{
0%{opacity:0;}
100%{opacity:1;}}
@keyframes twinkling{
0%{opacity:0;}
100%{opacity: 1;}
}
@-moz-keyframes twinkling{
0%{opacity:0;}
100%{opacity:1;}}